<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>inHouse</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <script type="text/javascript" src="lib/loading/okLoading.js"></script>
    <link rel="stylesheet" href="css/main.css" media="all">
    <link rel="stylesheet" href="./css/font.css">
</head>
<style>
    .show_list {
        display: block;
    }

</style>
<body>
<div class="layui-layout layui-layout-admin">
    <div class="layui-header header header-demo">
        <div class="layui-main">
            <div class="admin-logo-box">
                <img src="images/logo.svg" class="logo" width="183px" alt="">
                <div class="larry-side-menu">
                    <img src="images/ss.png" width="44px" height="44px" alt="">
                </div>
            </div>

            <ul class="layui-nav" lay-filter="">
                <li class="layui-nav-item" id="time"
                    style="margin-right: 50px;font-weight: 300;font-size: 16px;color: #fff;position: absolute;left: -250px;top: 0"></li>
                <li class="layui-nav-item x-index"><a href="#"></a></li>
            </ul>
        </div>
    </div>

    <!--左侧导航区域-->

    <div class="layui-side layui-bg-black x-side show_list" style="left:0px;" id="table1">

        <div class="layui-side-scroll">

            <ul class="layui-nav layui-nav-tree site-demo-nav" lay-filter="side">
                <li class="layui-nav-item layui-this"> <a class="javascript:;" href="javascript:;" _href="./site/index.html"> <i class="fa fa-university" lay-tips="首页"></i><cite>首页</cite> </a>
                </li>

                <li class="layui-nav-item layui-this"><a class="javascript:;" href="javascript:;"
                                                         _href="houselist.html"> <i class="fa fa-university"
                                                                                    lay-tips="首页"></i><cite>房产列表</cite>
                </a>
                </li>

                <li class="layui-nav-item layui-this"><a class="javascript:;" href="javascript:;" _href="page1.html"> <i
                        class="fa fa-university" lay-tips="首页"></i><cite>柱状图</cite> </a>
                </li>

                <li class="layui-nav-item layui-this"><a class="javascript:;" href="javascript:;" _href="page2.html"> <i
                        class="fa fa-university" lay-tips="首页"></i><cite>热力图</cite> </a>
                </li>

                <li class="layui-nav-item layui-this"><a class="javascript:;" href="javascript:;" _href="page3.html"> <i
                        class="fa fa-university" lay-tips="首页"></i><cite>人口密度图</cite> </a>
                </li>


                <li class="layui-nav-item layui-this"> <a class="javascript:;" href="javascript:;" _href="https://map.baidu.com/search/%E6%88%90%E9%83%BD%E5%B8%82/@11585451,3556256.75,12z?querytype=s&wd=%E6%88%90%E9%83%BD%E5%B8%82&c=75&pn=0&device_ratio=2&da_src=shareurl"> <i class="fa fa-university" lay-tips="首页"></i><cite>成都地图</cite> </a>
                </li>


            </ul>
        </div>
    </div>

    <div class="layui-tab layui-tab-card site-demo-title x-main" lay-filter="x-tab" lay-allowclose="true"
         style="left: 220px;border-left: solid 2px #2299ee;">
        <ul class="layui-tab-title">
            <li class="layui-this"> 欢迎使用~ <i class="layui-icon layui-unselect layui-tab-close">ဆ</i></li>
        </ul>
        <div class="layui-tab-content site-demo site-demo-body">
            <div class="layui-tab-item layui-show">

                <iframe frameborder="0" src="./site/index.html" class="x-iframe"></iframe>
            </div>
        </div>
    </div>
    <div class="site-mobile-shade"></div>
</div>

<script src="lib/layui/layui.js" charset="utf-8"></script>
<script src="js/main.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/x-layui.js" charset="utf-8"></script>

<script>
    layui.use(['laydate', 'element', 'laypage', 'layer'], function () {
        $ = layui.jquery;//jquery
        laydate = layui.laydate;//日期插件
        lement = layui.element();//面包导航
        laypage = layui.laypage;//分页
        layer = layui.layer;//弹出层
        okLoading.close($)
    });


</script>
<script>
    //顶部时间
    function getTime() {
        var myDate = new Date();
        var myYear = myDate.getFullYear(); //获取完整的年份(4位,1970-????)
        var myMonth = myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月)
        var myToday = myDate.getDate(); //获取当前日(1-31)
        var myDay = myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
        var myHour = myDate.getHours(); //获取当前小时数(0-23)
        var myMinute = myDate.getMinutes(); //获取当前分钟数(0-59)
        var mySecond = myDate.getSeconds(); //获取当前秒数(0-59)
        var week = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
        var nowTime;

        nowTime = myYear + '-' + fillZero(myMonth) + '-' + fillZero(myToday) + '&nbsp;&nbsp;' + week[myDay] + '&nbsp;&nbsp;' + fillZero(myHour) + ':' + fillZero(myMinute) + ':' + fillZero(mySecond);
        //console.log(nowTime);
        $('#time').html(nowTime);
    };

    function fillZero(str) {
        var realNum;
        if (str < 10) {
            realNum = '0' + str;
        } else {
            realNum = str;
        }
        return realNum;
    }

    setInterval(getTime, 1000);
</script>

</body>
</html>